<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>订单详细信息</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport"
			content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<link rel="stylesheet" type="text/css" href="../static/css/font.css" />
		<link rel="stylesheet" type="text/css" href="../static/css/weadmin.css" />
		<link rel="stylesheet" type="text/css" href="../lib/layui/css/layui.css" />
		<style type="text/css">
			img {
				width: 150px;
				height: 200px;
				border: 1px solid silver;
			}
		</style>
	</head>
	<body>
		<div class="weadmin-body" id="app">
			<div class="layui-form">
				<div class="layui-row">
					<div class="layui-col-md12">
						<div class="layui-col-md4 layui-col-md-offset2" style="width: 175px;">
							<div class="layui-input-inline">
								<img
									src="../../mobileStore-reception/lib/templet3/img/T12AWgB5Vv1RXrhCrK!220x220%5B1%5D.jpg">
							</div>
						</div>
						<div class="layui-col-md7">
							<div class="layui-form-item" style="margin: auto;">
								<label class="layui-form-label">
									订单编号：
								</label>
								<div class="layui-input-inline">
									<span style="display: block;padding: 10px 0 10px 0;">aaa</span>
								</div>
							</div>
							<div class="layui-form-item" style="margin: auto;">
								<label class="layui-form-label">
									商品名称：
								</label>
								<div class="layui-input-inline">
									<span style="display: block;padding: 10px 0 10px 0;">aaa</span>
								</div>
							</div>
							<div class="layui-form-item" style="margin: auto;">
								<label class="layui-form-label">
									商品单价：
								</label>
								<div class="layui-input-inline">
									<span style="display: block;padding: 10px 0 10px 0;">aaa</span>
								</div>
							</div>
							<div class="layui-form-item" style="margin: auto;">
								<label class="layui-form-label">
									购买数量：
								</label>
								<div class="layui-input-inline">
									<span style="display: block;padding: 10px 0 10px 0;">aaa</span>
								</div>
							</div>
						</div>
					</div>
				</div>

			</div>
		</div>
		<script src="../lib/layui/layui.js" type="text/javascript" charset="utf-8"></script>
		<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
		<script type="text/javascript">
			//获取页面 url 地址后面的参数
			function getQueryString(param) {
				var url = location.href;
				console.log(url);
				var paraString = url.substring(url.indexOf("?") + 1, url.length).split("&");
				var paraObj = {}
				for (i = 0; j = paraString[i]; i++) {
					paraObj[j.substring(0, j.indexOf("=")).toLowerCase()] = j.substring(j.indexOf("=") + 1, j.length);
				}
				var returnValue = paraObj[param.toLowerCase()];
				if (typeof(returnValue) == "undefined") {
					return "";
				} else {
					return returnValue;
				}
			}
		</script>
		<script type="text/javascript">
			var vm=new Vue({
				el:'#app',
				data:{
					id:getQueryString("ids"),
				}
			})
			console.log(vm.id);
		</script>
	</body>
</html>
